<!-- Client Usage Report -->
<!-- Author: Edwin -->
<template>
  <div class="user-iframe">
    <iframe style="border: none;"
            :src="`https://bi.mspbots.ai/Reports/powerbi${reportConfig}`"></iframe>
  </div>
</template>

<script>
export default {
  props: {
    reportConfig: {
      type: String,
      default: ''
    }
  },
  data () {
    return {

    }
  },
  created () {
    if (window !== top) { top.location.href = location.href }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.container {
  padding: 0 !important;
}
.user-iframe {
  width: 100%;
  // height: 100%;
  height: calc(100vh - 50px - 38px - 30px);
  overflow: auto;
  html,
  body,
  iframe {
    width: 100%;
    height: calc(100% - 4px);
    padding: 0;
    margin: 0;
  }
  #wrap {
    width: 100vw;
    height: 100vh;
  }
}
</style>
